<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>社区-关注</title>
		
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/master.css"/>
		
		
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container">
			<!-- header -->
			<header id="community-tit">
				<img src="img/top.png" class="zhuangtailan">
				<ul>
					<li>
						<a href="community-focus.html" class="community-focus community-spec">关注</a>
					</li>
					<li>
						<a href="community-find.html"  class="community-find">发现</a>
					</li>
					<li>
						<a href="search.html" class="iconfont icon-search"></a>
					</li>
				</ul>
			</header>
			
			<!-- main -->
			<main>
				
				<div class="meet-tit"><em class="meet-left"></em>推荐老师—让艺术改变生活</div>
				<ul class="focus-teacherlist">
					<li>
						<a href="">
							<em class="iconfont icon-add-fill"></em>
							<img src="img/黄华三.png" alt="">
							<p>黄华三</p>
							<span>中国人民大学教授</span>
						</a>
					</li>
					<li>
						<a href="">
							<em class="iconfont icon-add-fill"></em>
							<img src="img/施本铭.png" alt="">
							<p>黄华三</p>
							<span>中国人民大学教授</span>
						</a>
					</li>
					<li>
						<a href="">
							<em class="iconfont icon-add-fill"></em>
							<img src="img/黄华三.png" alt="">
							<p>黄华三</p>
							<span>中国人民大学教授</span>
						</a>
					</li>
					<li>
						<a href="">
							<em class="iconfont icon-add-fill"></em>
							<img src="img/黄华三.png" alt="">
							<p>黄华三</p>
							<span>中国人民大学教授</span>
						</a>
					</li>
				</ul>
				<div class="focus-pic">
					<img src="img/golden.png" >
				</div>
				
				<div class="meet-tit"><em class="meet-left"></em>New 最新发布</div>
				<div class="focus-con">
					<figure>
						<img src="img/李魁正.png" >
						<figcaption>
							<p>李魁正</p>
							
							<span>2019-03-18</span>
						</figcaption>
					</figure>
					<img src="img/focus.png" >
				</div>
			</main>
			
			<!-- footer -->
			<footer>
				<a href="index-rec.html">
										<span class="iconfont icon-shouye
				"></span>
										<p>首页</p>
									</a>
									
									<a href="meet.html">
										<span class="iconfont icon-tupian
				"></span>
										<p>遇见</p>
									</a>
									
									<a href="community-focus.html ">
										<span class="iconfont icon-shequ-weijihuo" style="color:#EEC14F ;"></span>
										<p style="color:#EEC14F ;">社区</p>
									</a>
									
									<a href="selfcenter.html">
										<span class="iconfont icon-wode"></span>
										<p>我的</p>
									</a>
			</footer>
		</div>
	</body>
</html>
